	function formatTime(number) {
		return (number < 10) ? "0" + number : number;	
	}
	
	$(function() {
	 	$("#date").datepicker({
	 		onSelect: function(dateText, inst) {
 				$("#selectedTime").val("");
	 			$("#dateText").html(dateText);
	 			var roomId = $("#selectedRoom").val();
	 			if ($("#roomOptions").length > 0) {
	 				roomId = $("#roomOptions").val();
	 				if (!roomId || roomId == '') {
		 				roomId = $("#roomOptions option:first").val();
		 			}
	 			}
	 			
	 			var action = '<%=request.getContextPath() %>/home/getTime.action?roomId=' + roomId;
	 			action += '&selectedDate=' + dateText + '&username=' + $("#username").val();
	 			$.ajax({
	 		       type: 'GET',
	 		       url: action,
	 		       dataType: 'json',
	 		       success: function(data){
 		               var bookingTime = $("#bookingTime");
 		               if (data.timeSlots.length > 0) {
 		            	  var html = "<ul>";
 		            	  for (i=0; i < data.timeSlots.length; i++) {
 		            		  var obj = data.timeSlots[i].split(" ");
 		            		  if (obj[1] === "true") {
	            			  	 html += "<li><div class='not-registered'><a class='timeSlot' href='javascript:void(0);'>" + obj[0] + "</a></div></div></li>";
	            			  } else {
	            				 html += "<li><div class='registered'>" + obj[0] + "</div></div></li>";
	            			  }
 		            	  }
 		            	   
 		            	  html += "</ul>";
 		            	  bookingTime.html(html);
 		            	  
 		            	  $("#selectedDate").val(dateText);
 		            	  //$("#bookingForm").valid();
 		            	 
 		            	  $(".timeSlot").click(function() {
 		            		  $("#selectedTime").val($(this).html());
 		            		  $(".timeSlot").removeClass("selected");
 		            		  $(this).addClass("selected");
 		            		  //$("#bookingForm").valid();
 		            	  });
 		               } else {
 		            	  bookingTime.html("Không làm việc");
 		               }
 		               
 		              $("#roomId").val(roomId);
	 		       }
	 			});
	 		}
	 	});
  	});
	
	$(document).ready(function() {
		$("#bookingForm").validate({
			rules: {
				selectedDate: {
					required: true
				},
				selectedTime: {
					required: true
				},
				name: {
					required: true
				},
				age: {
					required: true,
					range: [0, 150]
				},
				phone: {
					required: true,
					number: true
				},
				captcha: {
					required: true
				}	
			},
			messages: {
				selectedDate: {
					required: "Vui lòng chọn ngày khám"
				},
				selectedTime: {
					required: "Vui lòng chọn giờ khám"
				},
				name: {
					required: "Vui lòng điền tên"
				},
				age: {
					required: "Vui lòng điền tuổi",
					range: "Tuổi không chính xác"
				},
				phone: {
					required: "Nhập số điện thoại di động đã gửi tin nhắn",
					number: "Số điện thoại không hợp lệ"
				},
				captcha: {
					required: "Nhập mã xác nhận đã nhận qua tin nhắn"
				}
			},
		 	submitHandler: function(form) {
		 		form.submit();
		 	}
		});
		
		if ($("#errorBox")) {
			$("#date").datepicker("setDate", $("#selectedDate").val());
		}
		var theTime = $("#selectedTime").val();
		$(".ui-state-active").click();
		if ($("#errorBox")) {
			$("#selectedTime").val(theTime);
		}
		if ($("#wrongCaptcha").html() !== "") {
			$("#captcha").focus();
			$("#captcha").addClass("boldField");
		}
	});
	
